<template>
  <div v-if="isShow">
    <Head />
    <Main />
    <Btm />
    <Seek />
  </div>
  <router-view v-else></router-view>
</template>
  
<script setup>
import Head from "./Header/index.vue";
import Main from "./Main/index.vue";
import Btm from "./Footer/index.vue";
import Seek from "./Seek/index.vue";
import { watch, ref, onMounted } from "vue";
import { useRoute } from "vue-router";
const router = useRoute();
const isShow = ref(true);
onMounted(() => {
  if (router.path == "/homeview/monitor") {
    isShow.value = false;
  } else {
    isShow.value = true;
  }
});
watch(
  router,
  (to, from) => {
    if (to.path == "/homeview/monitor" || from.path == "/homeview/monitor") {
      isShow.value = false;
    } else {
      isShow.value = true;
    }
  },
  { deep: true }
);
</script>
  
<style scoped></style>
  